*{
    margin: 0;
    padding: 0;
}
body
{
    background: url('../images/bg.jpg') no-repeat scroll center top #310B28;
    padding: 0;
}
ol,ul,li
{
    text-decoration: none;
    list-style: none;
}
a
{
    text-decoration: none;
}
#wrapper{
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    border: 1px solid black;
}
.banner
{
    height: 112px;
}
.clear
{
    clear: both;
}
.banner #img-banner img
{
    float: left;
    margin: 0;
    padding: 0;
}
.banner #login
{
    float:right;
    margin: 10px;
    padding: 10px;
}
.banner #login ul li
{
    display:inline;
}
#content
{
    margin: 0;
    padding: 0;
}
#menu 
{
    border: 1px solid #24A9D6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #24A9D6;
    height: 35px;
}
#menu ul
{
    margin: 2px;
    padding: 2px;
}
#menu ul li
{
    float: left;
    margin: 2px;
    padding: 2px 20px;
    position: relative;
    
}
#menu li a
{
    display:block ;
    color: white;
}
#menu li ul
{
    display: none;
    position: absolute;
    width: 150px;
}
#menu li ul li
{
    margin :0;
    padding: 5px;
    border-bottom: 1px solid white;
    background: #24A9D6;
    width: 100%;
}
#menu li:hover ul
{
    display: block;
}
#content .box-content
{
    margin: 0;
    padding: 5px;
    width: 990px;
    height: 1000px;
    background: #F6F6F6;
}
#content .box-content .box-left
{
    float: left;
    margin: 25px 5px 5px 5px;
    width: 170px;
    height: auto;
}
#content .box-content .box-left #listaction ul li
{
   border: 1px solid black;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   background: #8CD7F5;
   padding: 0;
   margin-bottom: 1px; 
   cursor: pointer;
   display: block;
}
.box-left #listaction li a
{
    color: white;
    padding: 5px;
    display: block;
}
.box-left #listaction li ul
{
    background: #F6F6F6;
    margin: 0;
    padding: 0;
    display: none;
}
.box-left #listaction li ul li
{
    border: 0 !important;
    background: #F6F6F6 !important;
    border-bottom: 1px dotted black !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.box-left #listaction li ul li a
{
    color: black;
}
#content .box-content .box-right
{
    float: right;
    width: 800px;
    height: auto;
    margin: 25px 5px 0 0;
}
.box-right .box-table-log table,tr,th,td
{
    border-collapse: collapse;
}
.box-right .box-table-log table tr th
{
    background: #60C8F2;
    border-bottom: 1px solid #60C8F2;
    margin: 0;
    padding: 2px;
    border-collapse: collapse;
}
.box-right .box-table-log table tr th:first-child
{
	border-top-left-radius: 10px;
}
.box-right .box-table-log table tr th:last-child
{
	border-top-right-radius: 10px;
}
.box-right .box-table-log table tr td
{
    background: #D2E7F0;
    border: 1px solid white;
    border-collapse: collapse;
	padding: 5px;
}
.box-right .box-table-log table tr td span 
{
    padding: 17px;
}
.box-right #search-operator
{
	float: right;
}
.box-right #search-operator input,button,select
{
	margin: 10px;
}
.box-header
{
	border: 1px solid #FF8000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding: 10px;
	height: 30px;
}
.box-header #content
{
	float: left;
}
.box-header #button-handler
{
	float: right;
	padding: 5px;
}
.box-header #button-search
{
	float: right;
	margin: 5px;
}
.box-header #button-search input[type='submit']
{
	cursor: pointer;
}
.box-header #button-handler a
{
	margin: 5px 10px;
	padding:5px;
	border: 1px solid #FF760D;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background: #FF760D;
	color: white;
}
.box-body
{
	margin:10px 0;
	padding: 10px; 
}
.box-body table tr td
{
	width: 300px;
}
.box-body input,label
{
	margin: 15px;
	display: block;
}
.box-body input,select
{
	margin-left: 200px;
}
.box-body #textarea-1,#textarea-2,#textarea-3,#textarea-4
{
	width: 100%;
	height: 300px;
}
.box-tree 
{
	float: left;
}
#button-search input[type=submit]
{
	border: 1px solid black;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding: 5px;
	background-color: #4AA02C;
}
